<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->

<head>

	<!-- Your Basic Site Informations -->
	<title>Enews Responsive News Template</title>
	<meta http-equiv="content-type" content="text/html;charset=utf-8" />
    <meta name="description" content="Enews is a news or magazine site template that built with very cool responsive template with clean design, fast load, seo friendly, beauty color and a slew of features." />
    <meta name="keywords" content="Site Template, News, Magazine, Portofolio, HTML, CSS, jQuery, Newsletter, PHP Contact, Subscription, Responsive, Marketing, Clean, SEO" />
    <meta name="author" content="Dots Theme" />
    
    <!-- Mobile Specific Meta -->
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    
    <!-- Stylesheets -->
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/bootstrap-responsive.min.css">
    <link rel="stylesheet" href="css/flexslider.css">
    <link rel="stylesheet" href="css/prettyPhoto.css">
    <link rel="stylesheet" href="css/style.css">
    <link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Bitter' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
    
    <noscript><link rel="stylesheet" href="css/no-js.css"></noscript> <!-- If JavaScript Disabled -->
    
    <!--[if lt IE 9]>
		<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->
    
    <!-- Favicons -->
	<link rel="shortcut icon" href="images/favicon.ico">
	<link rel="apple-touch-icon" href="images/apple-touch-icon.png">
	<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
	<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">
    
    <!-- JavaScript -->
    <script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
    <script type='text/javascript' src='js/bootstrap.min.js'></script>
    <script type='text/javascript' src='js/jquery.easing.js'></script>
    <script type='text/javascript' src='js/jquery.flexslider-min.js'></script>
    <script type='text/javascript' src='js/jflickrfeed.min.js'></script>
    <script type='text/javascript' src='js/jquery.fitvids.min.js'></script>
    <script type='text/javascript' src='js/jquery.lazyload.mini.js'></script>
    <script type='text/javascript' src='js/jquery.prettyPhoto.js'></script>
    <script type='text/javascript' src='js/jquery.placeholder.min.js'></script>
    <script type='text/javascript' src='js/jquery.jticker.js'></script>
    <script type='text/javascript' src='js/jquery.mobilemenu.js'></script>
    <script type='text/javascript' src='js/jquery.isotope.min.js'></script>
    <script type='text/javascript' src='js/jquery.hoverdir.js'></script>
    <script type='text/javascript' src='js/modernizr.custom.js'></script>
    <script type="text/javascript" src="js/main.js"></script>
    
</head>

<body>

 <div id="top-navigation">
  <div class="container">
    
   <!-- Navigation -->
   <ul class="nav-menu pull-left">
    <li class="active"><a href="index-2.html">Home</a></li>
    <li><a href="#">Features</a>
     <div class="nav-sub-menu">
      <ul class="container">
       <li><a href="features_typography.html">Typography</a></li>
       <li><a href="features_columns.html">Columns</a></li>
       <li><a href="features_shortcodes.html">Shortcodes</a></li>
       <li><a href="features_pricing.html">Pricing Table</a></li>
       <li><a href="features_sitemap.html">Sitemap</a></li>
      </ul>
     </div>
    </li>
    <li><a href="#">Blog</a>
     <div class="nav-sub-menu">
      <ul class="container">
       <li><a href="blog_posts.html">Archives</a></li>
       <li><a href="blog_photos.html">Photos</a></li>
       <li><a href="blog_videos.html">Videos</a></li>
       <li><a href="blog_musics.html">Musics</a></li>
       <li><a href="blog_reviews.html">Reviews</a></li>
      </ul>
     </div>
    </li>
    <li><a href="#">Portofolio</a>
     <div class="nav-sub-menu">
      <ul class="container">
       <li><a href="portofolio.html">1 Column</a></li>
       <li><a href="portofolio_2.html">2 Columns</a></li>
       <li><a href="portofolio_3.html">3 Columns</a></li>
       <li><a href="portofolio_4.html">4 Columns</a></li>
       <li><a href="single_portofolio.html">Single Portofolio</a></li>
       <li><a href="single_portofolio_2.html">Single Portofolio 2</a></li>
      </ul>
     </div>
    </li>
    <li><a href="#">Pages</a>
     <div class="nav-sub-menu">
      <ul class="container">
       <li><a href="author.html">Author</a></li>
       <li><a href="404.html">404 Page</a></li>
       <li><a href="search.html">Search</a></li>
       <li><a href="index-2.html">Homepage 1</a></li>
       <li><a href="index_2.html">Homepage 2</a></li>
       <li><a href="index_3.html">Homepage 3</a></li>
       <li><a href="index_4.html">Homepage 4</a></li>
      </ul>
     </div>
    </li>
    <li><a href="contact.html">Contact</a></li>
   </ul>
    
   <!-- Search Form -->
   <form name="form-search" method="post" action="http://dotstheme.com/demo/premium/enews_responsive_news_template/html/stretched/search.html" class="form-search pull-right">
    <input type="text" name="search" placeholder="Search...." class="input-icon input-icon-search" />
   </form>
    
   <!-- Social Media -->
   <ul class="social pull-right">
    <li><a href="#" data-placement="bottom" data-original-title="Find us on LinkedIn"><img src="images/social/infocus/linkedin-logo.png" alt="LinkedIn"></a></li>
     <li><a href="#" data-placement="bottom" data-original-title="Find us on Flickr"><img src="images/social/infocus/flickr.png" alt="Flickr"></a></li>
     <li><a href="#" data-placement="bottom" data-original-title="Like us on Facebook"><img src="images/social/infocus/facebook-logo.png" alt="Facebook"></a></li>
     <li><a href="#" data-placement="bottom" data-original-title="Follow on DeviantArt"><img src="images/social/infocus/deviantart.png" alt="DeviantArt"></a></li>
    <li><a href="#" data-placement="bottom" data-original-title="Follow on Twitter"><img src="images/social/infocus/twitter.png" alt="Twitter"></a></li>
    <li><a href="#" data-placement="bottom" data-original-title="Follow on Stumbleupon"><img src="images/social/infocus/stumbleupon.png" alt="Stumbleupon"></a></li>
    <li><a href="#" data-placement="bottom" data-original-title="Call us via Skype"><img src="images/social/infocus/skype.png" alt="Skype"></a></li>
   </ul>
   
  </div> <!-- End Container -->
 </div> <!-- End Top-Navigation -->
 
 <div class="container">
  <header id="header" class="clearfix">
   
   <!-- Logo -->
   <div class="logo pull-left">
    <a href="index-2.html"><img src="images/logo.png" alt="Enews" /></a>
   </div>
   
   <!-- Ads -->
   <div class="ads pull-right">
    <img src="images/ads/480x80.png" alt="Ads" />
   </div>
   
  </header> <!-- End Header -->
  
  <nav id="main-navigation" class="clearfix margin-bottom40">
   <ul>
    <li><a href="blog_posts.html">Business</a></li>
    <li><a href="blog_posts.html">Technology <i class="arrow-main-nav"></i></a>
     <ul>
      <li><a href="blog_posts.html">Smartphone</a></li>
      <li><a href="blog_posts.html">Tablet</a></li>
      <li><a href="blog_posts.html">Internet</a></li>
      <li><a href="blog_posts.html">Software</a></li>
      <li><a href="blog_posts.html">Hardware</a></li>
      <li><a href="blog_posts.html">Laptop</a></li>
      <li><a href="blog_posts.html">Hot News <i class="arrow-main-nav"></i></a>
       <ul>
        <li><a href="blog_posts.html">Windows 8</a></li>
        <li><a href="blog_posts.html">Apple iPhone 5</a></li>
        <li><a href="blog_posts.html">Microsoft Surface</a></li>
        <li><a href="blog_posts.html">Nokia Lumia 920</a></li>
       </ul>
      </li>
     </ul>
    </li>
    <li><a href="blog_posts.html">Education</a></li>
    <li><a href="blog_posts.html">Entertainment</a></li>
    <li><a href="blog_photos.html">Photo <i class="arrow-main-nav"></i></a>
     <ul>
      <li><a href="single_photo.html">Single Photo</a></li>
     </ul>
    </li>
    <li><a href="blog_videos.html">Video <i class="arrow-main-nav"></i></a>
     <ul>
      <li><a href="single_video.html">Single Video</a></li>
     </ul>
    </li>
    <li><a href="blog_musics.html">Music <i class="arrow-main-nav"></i></a>
     <ul>
      <li><a href="single_music.html">Single Music</a></li>
     </ul>
    </li>
    <li><a href="blog_reviews.html">Review <i class="arrow-main-nav"></i></a>
     <ul>
      <li><a href="single_review.html">Single Review</a></li>
     </ul>
    </li>
   </ul>
  </nav> <!-- End Main-Navigation -->
  
  <div class="row-fluid">
   <div id="main" class="span8 page image-preloader">
  
    <div class="row-fluid">
    
     <h1>Typography</h1>
     
     <p>Sagittis elementum amet tristique urna, aliquam, elit, et cum odio mus vel platea, mus! Platea eros? Scelerisque velit dapibus ut et! Ac, in eros! Montes porttitor. <strong>This is bold type</strong>. Augue aliquet sed porttitor natoque placerat. Dis enim etiam in  porttitor cras dignissim turpis non ut amet elementum, ac porta? Sit. Magnis. Ut aliquam risus rhoncus mus et parturient magna tincidunt ridiculus magna eros risus vut, placerat sit, augue et! <a href="#">This is a link</a>.</p>
	<p><i>This is in italics</i> Amet placerat a, dolor turpis, eros augue magnis nunc aliquet integer est, turpis aliquet magnis mattis adipiscing, ridiculus porta, turpis porta nunc mus duis tincidunt nec! <u>Adipiscing nisi porttitor sagittis etiam ac sit sagittis ut</u>. Magna dignissim ut aliquet.</p><br>
    <blockquote>Quisque placerat erat ac nunc consequat faucibus. Aenean tortor purus, faucibus a varius nec, facilisis vel enim. Maecenas quis felis ante. Aenean vulputate, risus a porta porta, sapien lectus euismod nisi, ut dapibus felis ante quis diam. Morbi velit tortor, adipiscing vel auctor nec, malesuada a risus.<small>Dots Theme Owner, <cite title="Mugiwara Kiwolen">Mugiwara Kiwolen</cite></small></blockquote><br>
    
    <h1>This is the First Level Heading – H1</h1>
    <p>Sit nisi, sociis etiam mattis et, hac amet, platea rhoncus porttitor dapibus a, magnis, nisi nec, dictumst platea. Porta nec a ridiculus? Odio enim porttitor hac in porta augue vel amet ultricies tincidunt integer cras augue lorem rhoncus egestas risus.</p><br>
    <h2>This is the Second Level Heading – H2</h2>
    <p>Sit nisi, sociis etiam mattis et, hac amet, platea rhoncus porttitor dapibus a, magnis, nisi nec, dictumst platea. Porta nec a ridiculus? Odio enim porttitor hac in porta augue vel amet ultricies tincidunt integer cras augue lorem rhoncus egestas risus.</p><br>
    <h3>This is the Third Level Heading – H3</h3>
    <p>Sit nisi, sociis etiam mattis et, hac amet, platea rhoncus porttitor dapibus a, magnis, nisi nec, dictumst platea. Porta nec a ridiculus? Odio enim porttitor hac in porta augue vel amet ultricies tincidunt integer cras augue lorem rhoncus egestas risus.</p><br>
    <h4>This is the Fourth Level Heading – H4</h4>
    <p>Sit nisi, sociis etiam mattis et, hac amet, platea rhoncus porttitor dapibus a, magnis, nisi nec, dictumst platea. Porta nec a ridiculus? Odio enim porttitor hac in porta augue vel amet ultricies tincidunt integer cras augue lorem rhoncus egestas risus.</p><br>
    <h5>This is the Fifth Level Heading – H5</h5>
    <p>Sit nisi, sociis etiam mattis et, hac amet, platea rhoncus porttitor dapibus a, magnis, nisi nec, dictumst platea. Porta nec a ridiculus? Odio enim porttitor hac in porta augue vel amet ultricies tincidunt integer cras augue lorem rhoncus egestas risus.</p><br>
    <h6>This is the Sixth Level Heading – H6</h6>
    <p>Sit nisi, sociis etiam mattis et, hac amet, platea rhoncus porttitor dapibus a, magnis, nisi nec, dictumst platea. Porta nec a ridiculus? Odio enim porttitor hac in porta augue vel amet ultricies tincidunt integer cras augue lorem rhoncus egestas risus.</p><br><br>
    
    <h3>List Style</h3>
    <ul>
     <li>Amet placerat a, dolor turpis, eros augue magnis nunc aliquet integer est, turpis aliquet magnis mattis adipiscing, ridiculus porta, turpis porta nunc mus duis tincidunt ne.</li>
     <li>Amet placerat a, dolor turpis, eros augue magnis nunc aliquet integer est, turpis aliquet magnis mattis adipiscing, ridiculus porta, turpis porta nunc mus duis tincidunt ne.</li>
     <li>Amet placerat a, dolor turpis, eros augue magnis nunc aliquet integer est, turpis aliquet magnis mattis adipiscing, ridiculus porta, turpis porta nunc mus duis tincidunt ne.</li>
    </ul><br>
    <ul style="list-style-type:square">
     <li>Amet placerat a, dolor turpis, eros augue magnis nunc aliquet integer est, turpis aliquet magnis mattis adipiscing, ridiculus porta, turpis porta nunc mus duis tincidunt ne.</li>
     <li>Amet placerat a, dolor turpis, eros augue magnis nunc aliquet integer est, turpis aliquet magnis mattis adipiscing, ridiculus porta, turpis porta nunc mus duis tincidunt ne.</li>
     <li>Amet placerat a, dolor turpis, eros augue magnis nunc aliquet integer est, turpis aliquet magnis mattis adipiscing, ridiculus porta, turpis porta nunc mus duis tincidunt ne.</li>
    </ul><br>
    <ul class="list-arrow">
     <li>Amet placerat a, dolor turpis, eros augue magnis nunc aliquet integer est, turpis aliquet magnis mattis adipiscing, ridiculus porta, turpis porta nunc mus duis tincidunt ne.</li>
     <li>Amet placerat a, dolor turpis, eros augue magnis nunc aliquet integer est, turpis aliquet magnis mattis adipiscing, ridiculus porta, turpis porta nunc mus duis tincidunt ne.</li>
     <li>Amet placerat a, dolor turpis, eros augue magnis nunc aliquet integer est, turpis aliquet magnis mattis adipiscing, ridiculus porta, turpis porta nunc mus duis tincidunt ne.</li>
    </ul><br>
    <ul class="list-arrow-bold">
     <li>Amet placerat a, dolor turpis, eros augue magnis nunc aliquet integer est, turpis aliquet magnis mattis adipiscing, ridiculus porta, turpis porta nunc mus duis tincidunt ne.</li>
     <li>Amet placerat a, dolor turpis, eros augue magnis nunc aliquet integer est, turpis aliquet magnis mattis adipiscing, ridiculus porta, turpis porta nunc mus duis tincidunt ne.</li>
     <li>Amet placerat a, dolor turpis, eros augue magnis nunc aliquet integer est, turpis aliquet magnis mattis adipiscing, ridiculus porta, turpis porta nunc mus duis tincidunt ne.</li>
    </ul><br><br>
    
    <h3>Example of Dropcaps</h3>
    
    <p><span class="dropcaps">S</span>agittis elementum amet tristique urna, aliquam, elit, et cum odio mus vel platea, mus! Platea eros? Scelerisque velit dapibus ut et! Ac, in eros! Montes porttitor. This is bold type. Augue aliquet sed porttitor natoque placerat. Dis enim etiam in porttitor cras dignissim turpis non ut amet elementum, ac porta. Sit. Magnis. Ut aliquam risus rhoncus mus et parturient magna tincidunt ridiculus magna eros risus vut.</p>
    <p><span class="dropcaps dropcaps-circle">S</span>agittis elementum amet tristique urna, aliquam, elit, et cum odio mus vel platea, mus! Platea eros? Scelerisque velit dapibus ut et! Ac, in eros! Montes porttitor. This is bold type. Augue aliquet sed porttitor natoque placerat. Dis enim etiam in porttitor cras dignissim turpis non ut amet elementum, ac porta. Sit. Magnis. Ut aliquam risus rhoncus mus et parturient magna tincidunt ridiculus magna eros risus vut.</p>
    <p><span class="dropcaps dropcaps-circle dropcaps-orange">S</span>agittis elementum amet tristique urna, aliquam, elit, et cum odio mus vel platea, mus! Platea eros? Scelerisque velit dapibus ut et! Ac, in eros! Montes porttitor. This is bold type. Augue aliquet sed porttitor natoque placerat. Dis enim etiam in porttitor cras dignissim turpis non ut amet elementum, ac porta. Sit. Magnis. Ut aliquam risus rhoncus mus et parturient magna tincidunt ridiculus magna eros risus vut.</p><br><br>
    
    <h3>Paragraph Post Image</h3>
    
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur a nulla nulla. Proin egestas consectetur iaculis. Sed nec interdum diam. Vestibulum egestas consequat dolor, eu semper mi volutpat vel. Maecenas luctus, mi quis sodales posuere, nisl libero dictum risus, at aliquam risus nibh ut erat.</p>
    <p><a href="images/content/full/1.jpg" data-rel="prettyPhoto[singleGallery]"><img class="aligncenter" title="Alvear Art Black and White Theme" src="images/content/full/1.jpg" alt="Alvear Art Black and White Theme" width="760" /></a></p>
    <p>Proin ipsum ante, eleifend a dictum sit amet, placerat a massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quis dolor id metus volutpat porta at non ligula. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nunc gravida feugiat arcu at auctor. Curabitur rhoncus fringilla massa ut dapibus. Fusce consequat condimentum justo, quis dapibus ligula cursus nec. Maecenas eros leo, vestibulum ut feugiat sed, semper vitae purus.</p><br>
    <h4>Post image aligned to the left</h4>
    <p><a href="images/content/300/2.jpg" data-rel="prettyPhoto[singleGallery]"><img class="alignleft" style="margin-right:15px;" title="Camerette - Your Time to Dream" src="images/content/300/2.jpg" alt="Camerette - Your Time to Dream" width="180" /></a>Fusce vehicula sapien sed dolor semper gravida. Nam mollis, nisl vel mollis condimentum, arcu lorem varius ipsum, eget vulputate nisl ligula sit amet metus. Duis ac magna neque, congue tristique risus. Praesent ac neque a ligula bibendum ultricies at id felis. Donec eu mauris nec nulla ultricies porttitor. Nulla gravida sem ac neque sagittis lobortis. Morbi tincidunt dui ut nunc posuere in hendrerit neque cursus. Duis nec nulla vitae diam dictum dignissim. Vestibulum venenatis laoreet lectus, id viverra mauris rutrum hendrerit. Maecenas accumsan arcu semper purus eleifend et elementum mi aliquam. Quisque laoreet eleifend aliquet. Cras cursus ultrices justo vel iaculis. Pellentesque consequat, lacus in aliquet lacinia, lectus neque accumsan ipsum, sit amet gravida lorem nisl faucibus lectus. Nulla dapibus auctor accumsan.</p><br>
    <h4>Post image aligned to the right</h4>
    <p><a href="images/content/300/3.jpg" data-rel="prettyPhoto[singleGallery]"><img class="alignright" style="margin-left:15px;" title="Small Market and St. Sebastian's Square in Opole" src="images/content/300/3.jpg" alt="Small Market and St. Sebastian's Square in Opole" width="180" /></a>Quisque placerat erat ac nunc consequat faucibus. Aenean tortor purus, faucibus a varius nec, facilisis vel enim. Maecenas quis felis ante. Aenean vulputate, risus a porta porta, sapien lectus euismod nisi, ut dapibus felis ante quis diam. Morbi velit tortor, adipiscing vel auctor nec, malesuada a risus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur accumsan venenatis tellus, quis consectetur est rutrum at. Suspendisse potenti. Quisque libero mauris, aliquam quis condimentum ut, eleifend at ante. Sed molestie est vitae quam elementum mattis. Suspendisse consectetur, odio vel feugiat varius, est dolor imperdiet tellus, sed ultricies orci nisi ut justo. In molestie aliquam tortor rutrum dignissim. Vestibulum ipsum ligula, fermentum sed dignissim porta, elementum at augue. Nunc mattis libero ut libero ullamcorper ullamcorper.</p><br>
    <h4>Post image with caption</h4>
    <div class="wp-caption aligncenter" style="width:760px"><a href="images/content/full/4.jpg" data-rel="prettyPhoto[singleGallery]"><img class="size-full" title="Glass House Below The Moon Light" src="images/content/full/4.jpg" alt="Glass House Below The Moon Light"></a><p class="wp-caption-text">Glass House Below The Moon Light</p></div>
    <p>Pellentesque sed eros sit amet eros congue dictum. Nullam fringilla adipiscing placerat. Mauris feugiat elit et nisi dapibus sodales. Aenean pulvinar odio non sapien tincidunt pellentesque. Donec ac elit ut mi suscipit mattis. In hac habitasse platea dictumst. Fusce nunc lectus, condimentum id interdum quis, ullamcorper posuere nulla. Fusce aliquam faucibus nunc egestas venenatis. Integer congue dui in magna pellentesque in malesuada tellus vehicula. Mauris elit sem, faucibus nec mollis id, lacinia non nisl.</p><br><br>
	
    <h3>Highlight Post</h3>
    
    <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. <span class="label label-info">Fusce eget consectetur erat</span>. Sed consectetur pharetra eros non molestie. <span class="label label-important">Ut luctus pharetra ipsum</span>, ac consequat neque pulvinar pellentesque. Pellentesque volutpat nunc in lorem laoreet id imperdiet nisl elementum. Sed ante ipsum, elementum vel auctor eget, fringilla vel tellus. <span class="label label-success">Nullam est justo</span>, ultrices eget vestibulum ut, euismod sit amet nibh.</p>
    <p>Sed tristique rhoncus dolor a porta. Nunc suscipit condimentum ultrices. <span class="label label-inverse">Fusce non arcu urna</span>. Duis iaculis tellus id felis fringilla commodo. Vivamus aliquet ullamcorper sagittis. Aliquam facilisis diam quis nibh euismod et varius enim gravida. <span class="label label-warning">Etiam elementum condimentum volutpat.</span></p>
    
    </div> <!-- End Row-Fluid -->
   </div> <!-- End Main -->
  
   <div id="sidebar" class="span4">
  
    <div class="widget clearfix">
     <ul class="social-subscribers">
      <li>
       <a href="#" data-original-title="Like us on Facebook"><img src="images/social/somacro/facebook.png" alt="Facebook" /></a>
       <p>25,645<i>likes</i></p>
      </li>
      <li>
       <a href="#" data-original-title="Follow us on Twitter"><img src="images/social/somacro/twitter.png" alt="Twitter" /></a>
       <p>8,480<i>followers</i></p>
      </li>
      <li>
       <a href="#" data-original-title="Subscribe our RSS Feed"><img src="images/social/somacro/rss.png" alt="RSS" /></a>
       <p>17,289<i>subscribers</i></p>
      </li>
     </ul>
    </div> <!-- End Widget -->
   
    <div class="widget clearfix">
     <div class="enews-tab">
    
      <!-- Tab Menu -->
      <ul class="nav nav-tabs" id="enewsTabs">
       <li class="active"><a href="#tab-populars" data-toggle="tab">Populars</a></li>
       <li><a href="#tab-recents" data-toggle="tab">Recents</a></li>
       <li><a href="#tab-comments" data-toggle="tab">Comments</a></li>
      </ul>
 
      <div class="tab-content">
       <div class="tab-pane active" id="tab-populars">
       
        <!-- One -->
        <div class="item">
         <figure class="pull-left"><img src="images/content/300/5.jpg" alt="Thumbnail 1" /></figure>
         <div class="pull-right content">
          <h4><a href="single_post.html" title="View permalink Small Market and St. Sebastian's Square in Opole">Small Market and St. Sebastian's Square in Opole</a></h4>
          <p class="meta">7,849 views&nbsp;&nbsp;|&nbsp;&nbsp;49 comments</p>
         </div>
        </div>
       
        <!-- Two -->
        <div class="item">
         <figure class="pull-left"><img src="images/content/300/12.jpg" alt="Thumbnail 2" /></figure>
         <div class="pull-right content">
          <h4><a href="single_post.html" title="View permalink Living Room in Italy">Living Room in Italy</a></h4>
          <p class="meta">6,988 views&nbsp;&nbsp;|&nbsp;&nbsp;42 comments</p>
         </div>
        </div>
       
        <!-- Three -->
        <div class="item">
         <figure class="pull-left"><img src="images/content/300/7.jpg" alt="Thumbnail 3" /></figure>
         <div class="pull-right content">
          <h4><a href="single_post.html" title="View permalink Platform House With Minimal Design">Platform House With Minimal Design</a></h4>
          <p class="meta">5,724 views&nbsp;&nbsp;|&nbsp;&nbsp;35 comments</p>
         </div>
        </div>
       
        <!-- Four -->
        <div class="item">
         <figure class="pull-left"><img src="images/content/300/4.jpg" alt="Thumbnail 4" /></figure>
         <div class="pull-right content">
          <h4><a href="single_post.html" title="View permalink Winter Kitchen With Silver Panorama">Winter Kitchen With Silver Panorama</a></h4>
          <p class="meta">5,198 views&nbsp;&nbsp;|&nbsp;&nbsp;39 comments</p>
         </div>
        </div>
       
        <!-- Five -->
        <div class="item">
         <figure class="pull-left"><img src="images/content/300/9.jpg" alt="Thumbnail 5" /></figure>
         <div class="pull-right content">
          <h4><a href="single_post.html" title="View permalink Camerette - Your Time to Explore">Camerette - Your Time to Explore</a></h4>
          <p class="meta">4,276 views&nbsp;&nbsp;|&nbsp;&nbsp;22 comments</p>
         </div>
        </div>
       
       </div> <!-- End Populars -->
      
       <div class="tab-pane" id="tab-recents">
       
        <!-- One -->
        <div class="item">
         <figure class="pull-left"><img src="images/content/300/2.jpg" alt="Thumbnail 1" /></figure>
         <div class="pull-right content">
          <h4><a href="single_post.html" title="View permalink Alvear Art Black and White Theme">Alvear Art Black and White Theme</a></h4>
          <p class="meta">In <a href="blog_posts.html">Technology</a> on Jan. 14, 2013</p>
         </div>
        </div>
       
        <!-- Two -->
        <div class="item">
         <figure class="pull-left"><img src="images/content/300/5.jpg" alt="Thumbnail 2" /></figure>
         <div class="pull-right content">
          <h4><a href="single_post.html" title="View permalink Camerette - Your Time to Explore">Camerette - Your Time to Explore</a></h4>
          <p class="meta">In <a href="blog_posts.html">Education</a> on Jan. 13, 2013</p>
         </div>
        </div>
       
        <!-- Three -->
        <div class="item">
         <figure class="pull-left"><img src="images/content/300/4.jpg" alt="Thumbnail 3" /></figure>
         <div class="pull-right content">
          <h4><a href="single_post.html" title="View permalink Living Room in Italy">Living Room in Italy</a></h4>
          <p class="meta">In <a href="blog_posts.html">Entertainment</a> on Jan. 12, 2013</p>
         </div>
        </div>
       
        <!-- Four -->
        <div class="item">
         <figure class="pull-left"><img src="images/content/300/11.jpg" alt="Thumbnail 4" /></figure>
         <div class="pull-right content">
          <h4><a href="single_post.html" title="View permalink Mosaic Pool is Amazing And Beautiful Place">Mosaic Pool is Amazing And Beautiful Place</a></h4>
          <p class="meta">In <a href="blog_posts.html">Education</a> on Jan. 11, 2013</p>
         </div>
        </div>
       
        <!-- Five -->
        <div class="item">
         <figure class="pull-left"><img src="images/content/300/8.jpg" alt="Thumbnail 5" /></figure>
         <div class="pull-right content">
          <h4><a href="single_post.html" title="View permalink Platform House with Minimal Design">Platform House with Minimal Design</a></h4>
          <p class="meta">In <a href="blog_posts.html">Business</a> on Jan. 10, 2013</p>
         </div>
        </div>
       
       </div> <!-- End Recents -->
      
       <div class="tab-pane" id="tab-comments">
       
        <!-- One -->
        <div class="item">
         <figure class="pull-left"><img src="images/content/avatar/1.jpg" alt="Avatar 1" /></figure>
         <div class="pull-right content">
          <p><a href="#">mdkiwol</a> on <a href="single_post.html" title="View comment on Glass House Below The Dark of Moon Light">Glass House Below The Dark of Moon Light</a></p>
         </div>
        </div>
       
        <!-- Two -->
        <div class="item">
         <figure class="pull-left"><img src="images/content/avatar/2.jpg" alt="Avatar 2" /></figure>
         <div class="pull-right content">
          <p><a href="#">holland</a> on <a href="single_post.html" title="View comment on Winter Kitchen with Silver Panorama">Winter Kitchen with Silver Panorama</a></p>
         </div>
        </div>
       
        <!-- Three -->
        <div class="item">
         <figure class="pull-left"><img src="images/content/avatar/3.jpg" alt="Avatar 3" /></figure>
         <div class="pull-right content">
          <p><a href="#">jagerjack</a> on <a href="single_post.html" title="View comment on Mosaic Pool is Very Amazing And Beautiful">Mosaic Pool is Very Amazing And Beautiful</a></p>
         </div>
        </div>
       
        <!-- Four -->
        <div class="item">
         <figure class="pull-left"><img src="images/content/avatar/4.jpg" alt="Avatar 4" /></figure>
         <div class="pull-right content">
          <p><a href="#">john</a> on <a href="single_post.html" title="View comment on House in The Woods">House in The Woods</a></p>
         </div>
        </div>
       
        <!-- Five -->
        <div class="item">
         <figure class="pull-left"><img src="images/content/avatar/3.jpg" alt="Avatar 5" /></figure>
         <div class="pull-right content">
          <p><a href="#">jagerjack</a> on <a href="single_post.html" title="View comment on Camerette - Your Time to Explore">Camerette - Your Time to Explore</a></p>
         </div>
        </div>
       
       </div> <!-- End Comments -->
      </div> <!-- End Tab-Content -->
     
     </div> <!-- End Enews-Tab --> 
    </div> <!-- End Widget -->
   
    <div class="widget clearfix">
     <div class="sponsors">
     
      <div class="header">
       <h4>Sponsors</h4>
      </div>
     
      <div class="content">  
       <img src="images/ads/180x180.png" alt="Sponsor 1" />
       <img src="images/ads/180x180.png" alt="Sponsor 2" />
       <img src="images/ads/180x180.png" alt="Sponsor 3" />
       <img src="images/ads/180x180.png" alt="Sponsor 4" />
      </div>
     
     </div>
    </div> <!-- End Widget -->
   
    <div class="widget clearfix">
     <div class="best-picture">
    
      <div class="header">
       <h4>Best Picture</h4>
      </div>
    
      <div class="content">
       <p><a href="single_photo.html" title="View permalink House in The Woods">Aenean dictum pharetra nibh, sodales luctus felis aliquet at. Nulla vulputate venenatis orci [..]</a></p>
       
       <!-- Photo Galleries -->
       <figure class="flexslider loading">
        <ul class="slides">
         <li><img src="images/content/full/4.jpg" alt="Thumbnail 1" /></li>
         <li><img src="images/content/full/9.jpg" alt="Thumbnail 2" /></li>
         <li><img src="images/content/full/2.jpg" alt="Thumbnail 3" /></li>
        </ul>
       </figure>
       
       <div class="meta">By <a href="author.html">mdkiwol</a>&nbsp;&nbsp;|&nbsp;&nbsp;Jan. 7, 2013&nbsp;&nbsp;|&nbsp;&nbsp;<a href="single_video.html">15 comments</a></div>
      </div>
     
     </div>
    </div> <!-- End Widget -->
   
    <div class="widget clearfix">
     <div class="subscribe-form">
    
      <div class="header">
       <h4>Subscribe Us</h4>
      </div>
    
      <div class="content">
       <p>You can stay up-to-date with our latest news with subscribe our newsletter.</p>
       <form name="subscribe-form" id="enews-subscribe-form" method="post" action="#">
        <input type="text" name="email_address" placeholder="ex: your_email@domain.com" />
        <input type="submit" name="submit" value="Send" />
       </form>
      </div>
     
     </div>
    </div> <!-- End Widget -->
   
    <div class="widget clearfix">
     <div class="best-video">
    
      <div class="header">
       <h4>Video of The Week</h4>
      </div>
    
      <div class="content">
       <p><a href="single_video.html" title="View permalink Devil May Cry Launch Trailer">Aenean dictum pharetra nibh, sodales luctus felis aliquet at. Nulla vulputate venenatis orci [..]</a></p>
       <figure><iframe height="240" src="http://www.youtube.com/embed/psSqNRaHBgk?feature=player_detailpage"></iframe></figure>
       <div class="meta">By <a href="author.html">mdkiwol</a>&nbsp;&nbsp;|&nbsp;&nbsp;Jan. 12, 2013&nbsp;&nbsp;|&nbsp;&nbsp;<a href="single_video.html">15 comments</a></div>
      </div>
     
     </div>
    </div> <!-- End Widget -->
  
   </div> <!-- End Sidebar -->
  
  </div> <!-- End Row-Fluid -->
 </div> <!-- End Container -->
 
 <div id="bottom">
  <div class="container">
   <div class="row-fluid">
   
    <div class="span3 widget clearfix">
     <div class="header">
      <h4>About Us</h4>
     </div>
     
     <div class="content">
      <p>Donec dignissim leo sit amet nisl luctus vestibulum. Morbi tortor arcu, aliquet nec aliquet at, convallis ut eros. Sed non tellus mauris, vitae congue ante.</p>
      <p>Nunc imperdiet malesuada pharetra. Duis sodales, arcu tempus rutrum consectetur, sem ante auctor eros, in vehicula magna mauris sit amet est. Mauris ac eros arcu.</p>
     </div>
    </div> <!-- End Widget -->
    
    <div class="span3 widget clearfix">
     <div class="tags-cloud">
      
      <div class="header">
       <h4>Tags Cloud</h4>
      </div>
      
      <ul>
       <li><a href="blog_posts.html">windows</a></li>
       <li><a href="blog_posts.html">apple</a></li>
       <li><a href="blog_posts.html">software</a></li>
       <li><a href="blog_posts.html">hardware</a></li>
       <li><a href="blog_posts.html">gadget</a></li>
       <li><a href="blog_posts.html">smartphone</a></li>
       <li><a href="blog_posts.html">laptop</a></li>
       <li><a href="blog_posts.html">business</a></li>
       <li><a href="blog_posts.html">learn</a></li>
       <li><a href="blog_posts.html">study</a></li>
       <li><a href="blog_posts.html">game</a></li>
       <li><a href="blog_posts.html">movie</a></li>
       <li><a href="blog_posts.html">event</a></li>
      </ul>
      
     </div>
    </div> <!-- End Widget -->
    
    <div class="span3 widget clearfix">
     <div class="tweets">
      
      <div class="header">
       <h4>Latest Tweets</h4>
      </div>
      
      <ul>
       <li>
        <span class="picons"><!-- --></span>
        <p><a href="#">@realt0rlife</a> That's a very good question :) You may want to contact the author. There's a form on the right when you click their name.</p>
        <span class="date">- 10 hours ago</span>
       </li>
       <li>
        <span class="picons"><!-- --></span>
        <p><a href="#">@ghostpool</a> Have you opened a support ticket yet? Can you send methe ticket number? Thanks!</p>
        <span class="date">- 2 days ago</span>
       </li>
      </ul>
      
     </div>
    </div> <!-- End Widget -->
    
    <div class="span3 widget clearfix">
     <div class="flickr-photos">
      
      <div class="header">
       <h4>Flickr Photos</h4>
      </div>
      
      <ul id="flickr-gallery"><!-- --></ul>
      
     </div>
    </div> <!-- End Widget -->
   
   </div> <!-- End Row-Fluid -->
  </div> <!-- End Container -->
 </div> <!-- End Bottom -->
  
 <div id="footer">
  <div class="container">
   
   <p class="pull-left">Copyright 2013 Dots Theme&nbsp;&nbsp;|&nbsp;&nbsp;All Rights Reserved&nbsp;&nbsp;|&nbsp;&nbsp;<a href="#">Dots Theme</a></p>
   <ul class="social pull-right">
    <li><a href="#" title="Youtube"><img src="images/social/f0101/youtube.png" alt="Youtube" /></a></li>
    <li><a href="#" title="LinkedIn"><img src="images/social/f0101/linkedin.png" alt="LinkedIn" /></a></li>
    <li><a href="#" title="Vimeo"><img src="images/social/f0101/vimeo.png" alt="Vimeo" /></a></li>
    <li><a href="#" title="Tumblr"><img src="images/social/f0101/tumblr.png" alt="Tumblr" /></a></li>
    <li><a href="#" title="Flickr"><img src="images/social/f0101/flickr.png" alt="Flickr" /></a></li>
    <li><a href="#" title="DeviantArt"><img src="images/social/f0101/deviantart.png" alt="DeviantArt" /></a></li>
    <li><a href="#" title="Delicious"><img src="images/social/f0101/delicious.png" alt="Delicious" /></a></li>
    <li><a href="#" title="Facebook"><img src="images/social/f0101/facebook.png" alt="Facebook" /></a></li>
    <li><a href="#" title="Twitter"><img src="images/social/f0101/twitter.png" alt="Twitter" /></a></li>
   </ul>
   
  </div> <!-- End Container -->
 </div> <!-- End Footer -->
 
 <a href="#" class="scrollup" title="Back to Top!">Scroll</a>

 <div id="customize">
  <h5>Options</h5>
  <div class="wrapper">
   <div class="colors">
    <h6>Colors</h6>
    <a href="#" class="orange" title="Orange" style="background-color:#f15620;"></a>
    <a href="#" class="blue" title="Blue" style="background-color:#1d96e2;"></a>
    <a href="#" class="green" title="Green" style="background-color:#45b519;"></a>
   </div>
  </div>
 </div>

</body>
</html>